﻿<!DOCTYPE HTML>
<html>                                                              
  <head>
    <meta charset="UTF-8">
    <link href="css/style.css" rel="stylesheet" type="text/css">  
    <link href="css/modalwindow.css" rel="stylesheet" type="text/css">
    <link href="css/colpick.css" rel="stylesheet" type="text/css"/> 
    
    <title>Graphical Editor</title>
    
    <script type="text/javascript" src="js/lib/jquery-1.8.3.js"></script>  
    <script type="text/javascript" src="js/lib/Base.js"></script>
    <script type="text/javascript" src="js/lib/handler.js"></script>
    <script type="text/javascript" src="js/lib/colpick.js"></script>
         
    <script type="text/javascript" src="js/isLeftMouseDown.js"></script>
    <script type="text/javascript" src="js/classes/Layer.class.js"></script>  
    
    <script type="text/javascript" src="js/classes/tools/Tool.class.js"></script>
    <script type="text/javascript" src="js/classes/tools/Brush.class.js"></script>
    <script type="text/javascript" src="js/classes/tools/Pencil.class.js"></script>
    <script type="text/javascript" src="js/classes/tools/Eraser.class.js"></script>    
    <script type="text/javascript" src="js/classes/tools/Figure.class.js"></script>
    <script type="text/javascript" src="js/classes/tools/Rectangle.class.js"></script>
    <script type="text/javascript" src="js/classes/tools/Ellipse.class.js"></script>
    
    <script type="text/javascript" src="js/classes/filters/Filter.class.js"></script>
    <script type="text/javascript" src="js/classes/filters/GaussianBlur.class.js"></script>
    <script type="text/javascript" src="js/classes/filters/EdgeDetection.class.js"></script>
    
    <script type="text/javascript" src="js/classes/Graphic.class.js"></script>  
    <script type="text/javascript" src="js/classes/ImageFunctions.class.js"></script>      
    <script type="text/javascript" src="js/classes/InitMenu.class.js"></script>            
    <script type="text/javascript" src="js/classes/InitColorTools.class.js"></script>        
    <script type="text/javascript" src="js/classes/InitStyleLists.class.js"></script>           
    <script type="text/javascript" src="js/classes/InitTools.class.js"></script>              
    <script type="text/javascript" src="js/init.js"></script>  
  </head>
  <body>    
    <div class="nav">
      <div class="topNav">
          <ul>
            <li class="left"><a href="javascript:void(0)" id="fileMenuBtn">Файл</a></li>
            <li class="left"><a href="javascript:void(0)" id="mainMenuBtn">Главная</a></li>
            <li class="left"><a href="javascript:void(0)" id="filterMenuBtn">Фильтры</a></li>
            <li class="clear"></li>
          </ul>
      </div>
      <div class="tools" id="menu">   
        <?php 
            include("fileMenu.html"); 
            include("mainMenu.html");
            include("filterMenu.html");
        ?>
        <div class="clear"></div>
      </div>  
    </div>
    <div class="contain">
      <div id="canvasContainer" class="canvas_container">
        <canvas id="layer" class="canvas"></canvas>
        <canvas id="subLayer" class="canvas"></canvas>  
      </div>
    </div>
    
    <?php 
        include("saveChangesDialog.html");
    ?>        
    <?php 
        include("newImageDialog.html");
    ?>
    <div id="preloaderOverlay" class="preloader_overlay">
      <img class="preloader" src="images/loader.gif" alt="preloader" title="preloader">
    </div>
  </body>
</html>